<template>
  <div class="lists">
      <div class="justFy">
        <h3>更多套餐</h3>
        <span>一键直播</span>
      </div>
      <el-row class="row">
        <el-col :span="12" v-for="(o, index) in 4" :key="o" :offset="index > 0 ? 4 : 0">
          <el-card :body-style="{ padding: '0px' }" class="cards">
            <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2951882091,3441231319&fm=26&gp=0.jpg" class="image">
            <div style="padding: 14px;">
              <span>三星米其林</span>
            </div>
          </el-card>
        </el-col>
      </el-row>
  </div>
</template>

<script>
  export default {
    data() {
      return {
      
      }
    }
}
</script>

<style>
.lists {
  margin: 15px 13px;
}
.justFy {
  display: flex;
  justify-content: space-between;
}
.justFy span {
  line-height: 62.44px;
}
.image {
  display: inline-block;
  width: 100%;
   text-align: center;
}
.lists .el-row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #eee;
}
.el-col-offset-4 {
  margin-left: 0;
}
.el-card__body {
  text-align: center;
}
.el-card .cards .is-always-shadow {
  margin-right: 0;
}
</style>
